@CHARSET "UTF-8";
/*  web端审批流程详情公用css  */
body {
    font-family: Microsoft Yahei;
    font-size: 13px;
    color: #3e3e3e;
    background:transparent;
}
body,from,ul{
    padding:0;
    margin:0;
    width:100%;
}
/* 解决元素双击后出现蓝色块 */
/* a{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
} */
*, :after, :before {
    box-sizing: border-box;
}
ul ,li{
    list-style-type:none;
}
/* input:focus,textarea:focus{
  -moz-box-shadow: 0 0 5px 0 #229AF9;
  -webkit-box-shadow: 0 0 5px 0 #229AF9;
  box-shadow: 0 0 5px 0 #229AF9;
  border:none;
} */
input,textarea{
    font-family: inherit;
    font-size: 13px;
    color: #3e3e3e;
    width:100%;
/*     outline: none; */
    resize:none;
}

form{
	margin:0 !important;
	padding:0 !important;
}
form input,form .textbox{
    height:33px;
}
form .combo,form .textbox{
    border-color: #ccc;
    width:100%;
}
xmp {
    display: inline-block;
    margin: 0;
    padding: 0;
    white-space: normal;
    text-overflow: ellipsis;
    word-break: break-all;
    font-family: microsoft Yahei;
}
/****垂直水平居中***/
.center{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}
/******* 滚动条设置 *********/
::-webkit-scrollbar {
    width: 6px;
    height: 5px;
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: hsla(0, 0%, 59%, .5);
}

::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: transparent;
}
/* 页面布局 */
/* .tabseach {
    border-spacing: 0px 10px;
    margin: 0;
} */
.footer{
   background: #fff;
   position: absolute;
   width: 100%;
   bottom: 0;
   border-top: 1px solid #d7d7d7;
}
.btns {
    width: 100%;
    display: table;
}
.btns-group{
    display:table-cell;
    text-align:center;
}
.btns a.easyui-linkbutton.l-btn.l-btn-small{
    color: #fff;
    background: #1E8CFB;
    line-height: 30px;
    padding: 0px;
    width: 100px;
    margin: 5px 0;
    border-radius: 15px;
 }
 .btns a.easyui-linkbutton.l-btn.l-btn-small span{
    font-size: 13px;
    font-weight: bold;
    padding:0px;    
 }
.actWarp{
    padding:5px 15px;
}
.node{
    display:table;
    width:100%;
    text-align: left;
    color:#777;
    line-height:40px;
    margin-top: 5px;
}
.node .node-base{
    display: table-cell;
    width: 40%;
    padding-left: 30px;
    font-weight: bold;
    vertical-align: middle;
}
.node .node-base> span{
   display: inline-block;
   vertical-align: middle;
}
.node .node-base> span:first-child{
    width: 60px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}    
.node .node-base> span:not(:first-child){
      margin-left:30px;
  }
.node .node-detail{
    display:table-cell;
    text-align:left;
}
 .node .start{
    line-height:30px;
} 
.actForm li>span{
   display: inline-block;
   vertical-align: middle;
}
.actForm li>span:first-child{
    color:#777;
}
.actForm li>span:last-child{
    color: #3e3e3e;
    margin-left: 5px;
}
.highLight{
    color:#2196f3;
}
.link{
    color : #2196f3;
    cursor: pointer;
    text-decoration: underline;
}

.newline-no{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}
.approval-ok{
    background-image: url(../images/ok.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: left;
}
.approval-wait{
    background-image: url(../images/wait.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: left;
}
.input-key{
    line-height: 35px;
    font-weight: bold;
}
.input-value{
    width:100%; 
}
.arrow{
    width: 30px;
    height: 30px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 8px;
    cursor: pointer;
}
.arrow-down{
    background-image: url(../images/arrow-down.png);

}
.arrow-up{
    background-image: url(../images/arrow-up.png);
}
/********** 附件css ********************/
.fileSet{
    position: relative;
    min-height:50px;
    margin-top: 5px;
}
.fileSet>div{
    border-bottom:solid 1px #c8c7cc;
    padding: 0px 0px 0px 35px; 
    box-sizing: border-box;
    display: inline-block;
}
.fileSet:last-child>div{
    border:0px;
}
.fileSet>div p:first-child{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fileSet>div p{
    margin:0;
    padding:0;
    font-size: 13px;
    line-height: 20px;
}
.fileSet>div a{
    font-size: 13px;
    padding-left: 10px;
    cursor: pointer;
    text-decoration: none;
    color: #2691f7;
}
.file-name{
    cursor: pointer;
    max-width: 300px;
    color : #2196f3;
    text-decoration: underline;
}
.file-action{
    line-height: 16px;
    color: #29e;
    margin: 0;
    padding: 0 8px;
    text-decoration: none;
}
.file-action:not(:first-child){
    border-left: 1px solid #d5d5d5;
}

.mediaIcon{
    background: url('../../images/fileMedia.png') no-repeat center left;
    background-size: 25px;
}
.fileDocx {
    background: url(../../images/fileDocx.png) no-repeat left
        center;
    background-size: 20px;
}

.fileZip {
    background: url(../../images/fileZip.png) no-repeat left
        center;
    background-size: 25px;
}

.filePicture {
    background: url(../../images/filePicture.png) no-repeat left
        center;
    background-size: 25px;
}

.filePdf {
    background: url(../../images/filePdf.png) no-repeat left
        center;
    background-size: 25px;
}

.fileexcle {
    background: url(../../images/fileExcle.png) no-repeat
        left center;
    background-size: 25px;
}
.filetxt {
    background: url(../../images/fileTxt.png) no-repeat
        left center;
    background-size: 25px;
}

.fileppt {
    background: url(../../images/filePpt.png) no-repeat
        left center;
    background-size: 25px;
}
.fileUnknown {
    background: url(../../images/fileUnknown.png) no-repeat left
        center;
    background-size: 20px;
}
.vitobooks-west .tree-search-block {
    height: 45px;
}